<template>
  <div>
    <section class="areaMain">
      <div class="topTitle blue getTop">
        <span class="goBack" @click="goBack"><i></i></span>
        专区
      </div>
      <div class="areaList">
        <ul v-if="$store.state.gender==1">
          <router-link tag="li" class="icon01" :to="{path:'/arealist'}"><p>最受欢迎专区</p></router-link>
          <router-link tag="li" class="icon02" :to="{path:'/arealistA'}"><p>白富美专区</p></router-link>
          <router-link tag="li" class="icon03" :to="{path:'/arealistB'}"><p>千金媳妇专区</p></router-link>
        </ul>
        <ul v-else>
          <router-link tag="li" class="icon01" :to="{path:'/arealist'}"><p>最受欢迎专区</p></router-link>
          <router-link tag="li" class="icon02" :to="{path:'/arealistA'}"><p>高富帅专区</p></router-link>
          <router-link tag="li" class="icon03" :to="{path:'/arealistB'}"><p>金龟婿专区</p></router-link>
        </ul>
      </div>
    </section>
  </div>
    
</template>
<script>
import axios from 'axios'
import {Login} from '@/config/api.js'
import vfooter from '@/components/footer.vue'

export default {
  name: 'hello',
  data() {
    return {
      name: '',
      password: '',
      textCheck:false,
      onClickA:false,// 点击当前改变颜色-账号
      onClickB:false// 点击当前改变颜色-密码
    }
  },
  mounted(){
  },
  computed:{

  },
  components:{
    vfooter
  },
  methods: {
    //返回上一页
    goBack(){
      this.$router.go(-1)
    }
  }
}

</script>
